<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<ui:composition template="WEB-INF/resources/templates/MainTemplate.xhtml">
	<ui:define name="pageHeader">
		<meta http-equiv="refresh" content="20" />
		${messages['header.title']} - ${messages['login.header.subtitle']}
	</ui:define>
	<ui:define name="helpBar">
		<h:form>
		[<h:commandLink action="Help">${messages['links.help']}</h:commandLink>]
		</h:form>
	</ui:define>
	<ui:define name="body">
		<h:form id="loginForm">
			<h:panelGrid id="loginGrid" columns="2">
				<h:panelGroup>
					<h:outputText value="${messages['login.grid.username']}" />:
				</h:panelGroup>
				<h:inputText id="username" value="#{userBean.username}"
					label="${messages['login.grid.username']}"
					title="${messages['login.grid.username.title']}" required="true"
					requiredmessage="${messages['login.grid.username']}" />
				<h:panelGroup>
					<h:outputText value="${messages['login.grid.password']}" />:
				</h:panelGroup>
				<h:inputSecret id="password" value="#{userBean.password}"
					label="${messages['login.grid.password']}"
					title="${messages['login.grid.password.title']}" required="true"
					requiredmessage="${messages['login.grid.password']}" />

			</h:panelGrid>
			<h:messages style="color:red" />
			<h:commandButton value="${messages['login.login.button']}"
				action="#{userBean.login}" />

		</h:form>
	</ui:define>
</ui:composition>
</html>